footer{
    display: flex; 
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    border-top: 1px solid #ccc;
   
} 
footer a{
        display: flex;
        flex-direction: column;
        font-size: 0.48rem;
        color: #999;
        font-weight: bold;
    }
footer a.active{
    color: orangered;
}
footer a .home{
    background-image: url('../assets/images/icon1.png');
    background-repeat:no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: 0.8rem 0.8rem;
    display: flex;
    width: 0.9rem;
    height: 0.9rem; 
} 

footer a .classify{
    background-image: url('../assets/images/icon2.png');
    background-repeat:no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: 0.8rem 0.8rem;
    display: flex;
    width: 0.9rem;
    height: 0.9rem; 
} 

footer a .cart{
    background-image: url('../assets/images/icon4.png');
    background-repeat:no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: 0.8rem 0.8rem;
    display: flex;
    width: 0.9rem;
    height: 0.9rem; 
} 

footer a .usercenter{
    background-image: url('../assets/images/icon5.png');
    background-repeat:no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: 0.8rem 0.8rem;
    display: flex;
    height: 0.9rem; 
} 


footer a.active .home{
    background-image: url('../assets/images/icon11.png');     
}

footer a.active .classify{
    background-image: url('../assets/images/icon22.png');     
}

footer a.active .cart{
    background-image: url('../assets/images/icon44.png');     
}

footer a.active .usercenter{
    background-image: url('../assets/images/icon55.png');     
}
.cartnum {
    position: absolute;
    left: 8.6rem;
    width: 1.4em;
    height: 1.4em;
    text-align: center;
    line-height: 1.4em;
    background: rgba(orangered,.7);
    color:#fff;
    font-size: 12px;
    border-radius: 50%;   
}
